import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from "path";
import styleImport from "vite-plugin-style-import";
import viteCompression from "vite-plugin-compression";
const resolve = (dir: string) => path.join(__dirname, dir);
// https://vitejs.dev/config/
export default({command,mode})=>{
  if (command === 'serve') {
    return{
      publicDir: "public",
      resolve: {
        alias: {
          "@": resolve("src"), // 取相对路径别名, @表示当前的src目录路径
        },
      },
      css: {
        preprocessorOptions: {
          scss: {
            // 加载全局样式
            additionalData: `@use './src/assets/styles/var.scss';
                            @use './src/assets/styles/common.scss';`,
          },
        },
      },
      plugins: [
        vue()
      ]
    }
    // console.log(import.meta.env);
  } else {
    return{

    }
  }
}


// export default ({

//   publicDir: "public",
//   resolve: {
//     alias: {
//       "@": resolve("src"), // 取相对路径别名, @表示当前的src目录路径
//     },
//   },
//   css: {
//     preprocessorOptions: {
//       scss: {
//         // 加载全局样式
//         additionalData: `@use './src/assets/styles/var.scss';
//                          @use './src/assets/styles/common.scss';`,
//       },
//     },
//   },
//   build: {
//     target: "es2020", //指定es版本,浏览器的兼容性
//     outDir: "dist", //指定打包输出路径
//     assetsDir: "assets", //指定静态资源存放路径
//     cssCodeSplit: true, //css代码拆分,禁用则所有样式保存在一个css里面
//     sourcemap: false, //是否构建source map 文件
//     terserOptions: {
//       // 生产环境移除console
//       compress: {
//         drop_console: true,
//         drop_debugger: true,
//       },
//     },
//   },
//   plugins: [
//     vue(),
//     viteCompression({
//       verbose: true,
//       disable: false,
//       threshold: 10240,
//       algorithm: "gzip",
//       ext: ".gz",
//     }),
//     styleImport({
//       libs: [
//         {
//           libraryName: "element-plus",
//           esModule: true,
//           ensureStyleFile: true,
//           resolveStyle: (name) => {
//             name = name.slice(3);
//             return `element-plus/packages/theme-chalk/src/${name}.scss`;
//           },
//           resolveComponent: (name) => {
//             return `element-plus/lib/${name}`;
//           },
//         },
//       ],
//     })
//   ]
// })
